/**
 * 覆盖 element-plus 的某些样式
 */
.el-message-box__content {
  word-break: break-all;
}

.el-form--inline {
  .el-form-item {
    width: 90%;
  }

  .el-select,
  .el-input,
  .el-input-number {
    width: 100%;
  }

  // 数字框文本靠左显示
  .el-input-number {
    .el-input__inner {
      text-align: left;
    }
  }
  .el-textarea__inner {
    width: 106.5%;
  }
  .el-input__wrapper {
    width: 94.5%;
  }
}

.el-table {
  --el-table-header-background-color: #f3f5f9;

  .sort-caret.ascending {
    top: 0;
  }

  .sort-caret.descending {
    bottom: 0;
  }

  .caret-wrapper {
    height: 22px;
  }

  .is-sortable .cell {
    height: 23px;
  }

  .cell {
    img {
      cursor: pointer;
      display: inline-block;
      height: 35px;
      max-width: 100%;
      vertical-align: middle;
    }
  }
}

.el-menu--popup {
  padding: 0;
}

.el-form.el-form--label-top {
  .el-form-item {
    .el-form-item__label {
      margin-bottom: 2px;
    }
  }
}

.menu-container,
.el-menu--vertical {
  .el-menu {
    background-color: #ffffff;
    color: #909399;

    .el-menu-item,
    .el-sub-menu__title {
      height: 50px;
      line-height: 50px;
    }

    .el-sub-menu__title {
      color: #909399;

      &:hover {
        color: #ffffff;
        background-color: #07f;
        font-size: var(--el-font-size-base);
        font-weight: bold;
      }

      i {
        color: #909399;
        transition: color 0.3s;
      }
    }

    .el-submenu.hz-submenu.is-active {
      & > .el-sub-menu__title {
        color: #fff;

        i {
          color: #fff;
        }
      }
    }

    .el-menu-item {
      background-color: #ffffff;
      color: #909399;

      i {
        color: #909399;
        transition: color 0.3s;
      }

      &.is-active {
        color: #ffffff;
        background-color: #07f;
        font-size: var(--el-font-size-base);
        font-weight: bold;
      }

      &:not(.is-active):hover {
        outline: 0;
        color: #ffffff;
        background-color: #07f;
        font-size: var(--el-font-size-base);
        font-weight: bold;
      }
    }
  }
}

.el-menu--collapse {
  width: 62px;
}

.el-loading-mask {
  z-index: 1000;
}

.el-transfer-panel__item {
  display: block;
}

.el-table-column--selection .cell {
  height: 23px;

  .el-checkbox {
    height: 23px;
  }
}

.el-table--mini {
  td,
  th {
    padding: 3px 0;
  }
}

.hz-table {
  .el-table__row {
    td:last-child {
      .cell {
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
      }
    }
  }
}

.el-transfer-panel {
  width: 240px;
}
